<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>红包</title>
  <link rel="stylesheet" href="css/base.css" type="text/css">
  <link rel="stylesheet" href="css/index.css" type="text/css">
</head>
<body>
<div class="main">
  <div class="close" id="closed"></div>
  <div class="halo"></div>
  <div class="packet-wrap tada" id="packet-wrap">
    <div class="paging-open" id="pagingOpen"></div>
    <section class="packet" id="packet">
      <div class="money " id="money"></div>
      <img class="face" src="./img/openFace_03.png">
      <div class="paging-close" id="paginglCose"></div>
      <div class="result" id="result">
        <!--内容-->
        <p class="text1 fadeIn">您已经索票成功！</p>
        <p class="text2 fadeIn">&nbsp;&nbsp;恭喜您获得一次抽奖的机会！</p>
        <div class="btn bounceIn" id="draw-btn">
          <div class="btn-main">
            <span class="btn-text">立即抽奖</span>
            <span class="finger"></span>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>
<script src="./js/index.js"></script>
</body>
</html>
